Оцените верстку

[Vulner]

Здравствуйте! Недавно стал заниматься изучением html+css и версткой по макетам. В процессе практики появляется необходимость критики со стороны, поскольку часто возникает чувство, что что-то все же делается не так, да и конечно же нет предела совершенству. Оцените пожалуйста мою первую верстку http://vulner.site11.com/ . Спасибо!

[npofopr]

Вот я захожу на сайт, смотрю, что ссылки никак не реагируют на :hover и сразу закрываю.

+ вы делаете сайт английский? Или просто шаблон? Вставьте русские название, хоть и используется Arial, но кириллица порой совсем по-другому выглядит.

+ ну и зачем вставлять текст картинками то? Прошлый же век

[Vulner]

Благодарю за замечания!

Вот я захожу на сайт, смотрю, что ссылки никак не реагируют на :hover и сразу закрываю

И правда, запамятовал "оживить".

+ вы делаете сайт английский? Или просто шаблон? Вставьте русские название, хоть и используется Arial, но кириллица порой совсем по-другому выглядит.

Просто верстка по шаблону

+ ну и зачем вставлять текст картинками то? Прошлый же век

В макете используется нестандартный шрифт, и на момент верстки я не знал как поступать в такой ситуации, поэтому вырезал картинками. Но уже знаю, так что исправлено

[Vulner]

Что-то моя первая верстка особо не получила критики, может получит вторая? Макет взят отсюда.

[121990]

Html 5 на сайте вообще нет, присутствуют лишь пару тегов. Видно понимания нет никакого. Разметка должна придавать семантику, логический смысл. Для этого же на сайте используются классы, ну так надо было просто на дивах верстать.

[Struggle]

Вкладки меню должны быть кликабельны, не только сами ссылки

Исправляем

.menu li a {
color: #c9c5c7;
font-size: 15px;
text-decoration: none;
display: block; /* добавляем */
padding: 15px 22px; /* добавляем */
}
.menu li
{
	float: left;
	padding: 15px 22px; /* убираем */
	margin: 0px 1px;
}

Edited June 8, 2013 by Struggle

[npofopr]

Html 5 на сайте вообще нет, присутствуют лишь пару тегов. Видно понимания нет никакого. Разметка должна придавать семантику, логический смысл. Для этого же на сайте используются классы, ну так надо было просто на дивах верстать.

А что плохого в том, чтобы разместить только несколько html5 тегов?

[121990]

А что плохого в том,

Прочитай пост еще разу , вроде я объяснил.

Верстай вообще на таблицах и добавляй по несколько тегов html5.

[npofopr]

А что плохого в том,

Прочитай пост еще разу , вроде я объяснил.

Верстай вообще на таблицах и добавляй по несколько тегов html5.

Прочитал. И? Что плохого то? А в таблицах что плохого?

Мне не понятно, почему вы советуете если брать теги html5, что делать всё ими, и почти не использовать дивы, и уж видимо таблицы вы вообще никогда не используете.

Почему один то тег нельзя взять?

[121990]

Мне не понятно,

Если ты не понятливый не мне тебя исправлять. Почитай для чего создавалась html5 разметка.

ТС задумался и у брал тэги html5 , потому что они лишние. Зачем на сайте два тэга html5 , если их можно заменить дивом, спаном. Сделать таблицей?

Если уже верстать на html5, то использовать новые тэги по- максимуму, а старые по-минимуму. Теперь вкурил, или будешь дальше тупить?

[SelenIT]

О, холиворчик!

Почитай для чего создавалась html5 разметка

Кого именно из 100500 взаимоисключающих авторитетов (и «авторитетов») по вопросу?

Насколько я знаю — изначально HTML5 создавался как основа эволюционного расширения существующей веб-платформы новыми плюшками, прежде всего для веб-приложений (о чем говорит его «девичья фамилия» WebApplications 1.0). А потом пошло-поехало.

Если уже верстать на html5, то использовать новые тэги по- максимуму, а старые по-минимуму.

С фига ли вдруг?

[121990]

Насколько я знаю — изначально HTML5 создавался как основа эволюционного расширения существующей веб-платформы новыми плюшками, прежде всего для веб-приложений (о чем говорит его «девичья фамилия» WebApplications 1.0). А потом пошло-поехало.

Ну и?

С фига ли вдруг?

C фига ли вдруг так не делать, потому что у тебя 555 плюсов?

Edited June 10, 2013 by 121990

[SelenIT]

Ну и?

Ну и чем добавить пару нужных в конкр. задаче тегов/атрибутов + короткие доктайп и мету с кодировкой к обычной дивной верстке — не эволюционное расширение?

C фига ли вдруг так не делать, потому что у тебя 555 плюсов?

Нет, чистая прагматика. Зачем пользоваться тем, что не приносит никакой практической пользы (ни поисковикам, ни скринридерам и т.п.) и почему не пользоваться тем, что работает (как минимум в новых браузерах) и решает практические задачи?

[121990]

Ну и чем добавить пару нужных в конкр. задаче тегов/атрибутов + короткие доктайп и мету с кодировкой к обычной дивной верстке — не эволюционное расширение?

Может в вашей секте бабтистов-верстальщиков так принято. Но я придерживаюсь -- каждому доктайпу своя разметка.

А <!DOCTYPE html> говорит -- я сейчас буду вас удивлять html5 .

Нет, чистая прагматика. Зачем пользоваться тем, что не приносит никакой практической пользы (ни поисковикам, ни скринридерам и т.п.) и почему не пользоваться тем, что работает (как минимум в новых браузерах) и решает практические задачи?

Ну так я и говорю, верстаешь по старинке, работает. Незачем добавлять бесполезное. Конечно для некоторых <!DOCTYPE html> <article> <section>, просто divное украшение.

Edited June 10, 2013 by 121990

[SelenIT]

А говорит -- я сейчас буду вас удивлять html5 .

Вы не поверите, но <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR...l1-strict.dtd"> — тоже (хоть и не является рекомендуемым для HTML5).

Ибо нет больше HTML, кроме HTML5 .

Но я придерживаюсь -- каждому доктайпу своя разметка.

На здоровье, стандарт этого не запрещает . Но прагматически, <!doctype html> — всего лишь способ гарантированно получить стандартный (без всяких «почти-шмочти») режим во всех браузерах, начиная с IE6, минимальным количеством байт.

<article>, <section>, просто divное украшение

А вот это, к сожалению, похоже на горькую правду . Насколько я в курсе, практически ни один агент не интерпретирует их «семантику» по спецификации, так что их практическая польза стремится к нулю. Разве что для самодокументирования кода...

[121990]

Я понял, ты просто хочешь стать моим бесплатным учителем?

[SelenIT]

Нет, просто стараюсь в мере своих сил противостоять распространению расхожих заблуждений, включая мои собственные (я вполне допускаю, что я могу быть неправ, но прошу доказать это конкретными ссылками ).

Кстати, вот еще неплохой документ на тему, «зачем и как придуман HTML5».

[121990]

Кстати, вот еще неплохой документ на тему, «зачем и как придуман HTML5».

У меня проблема , английский лень учить. А Надмозгом такое не прочитать

HTML 5 Определяет пятую основных ревизия ядра язык World Wide Web, HTML. Этот документ описывает набор руководящих принципов используются HTML рабочей группы по развитию HTML5. Принципы предложить рекомендации для проектирования HTML в области совместимости, полезности и совместимости.

Ну не беспокойся сам, в рай за помощь попадешь.

Edited June 10, 2013 by 121990

[Vulner]

Я написал <!DOCTYPE html>, и тут понеслось...

В принципе я его написал не с точки зрения

<!DOCTYPE html> говорит -- я сейчас буду вас удивлять html5

а все же с точки зрения

Но прагматически, <!doctype html>— всего лишь способ гарантированно получить стандартный (без всяких «почти-шмочти») режим во всех браузерах, начиная с IE6, минимальным количеством байт.

и с точки зрения

Ибо нет больше HTML, кроме HTML5.

Хотя конечно если смотреть чисто на семантику, то моя верстка возможно представляет собой некий бардачок. Но опять же ситуация такова, что

Конечно для некоторых <!DOCTYPE html> <article> <section>

, просто divное украшение.

А вот это, к сожалению, похоже на горькую правду . Насколько я в курсе, практически ни один агент не интерпретирует их «семантику» по спецификации, так что их практическая польза стремится к нулю. Разве что для самодокументирования кода...

и с этой точки зрения мне все же непонятно, почему нельзя воспользоваться парочкой новых тегов, вместо того чтобы писать <div class = "header">, <div class = "aside"> и т.д., что как я понимаю пока является равносильным. Хотя может я еще просто совсем зеленый в этой теме , и мне просто побольше стоить почитать про html5, что конечно же я и сделаю

И да,

Вкладки меню должны быть кликабельны, не только сами ссылки

спасибо за замечание

Edited June 10, 2013 by Vulner

[SelenIT]

У меня проблема , английский лень учить.

Насчет английского — это зря, он в IT-отрасли в любом случае пригодится. Надмозг, да, слабый помощник

В общем, там принципы, которых придерживались сами разработчики стандарта: совместимость с имеющимся контентом, «мостить проторенные тропы», т.е. узаконивать устоявшиеся решения вместо выдумывания чего-то «с потолка», эволюция вместо революции (т.е. не отбрасывать старое, если оно еще используется, а лишь уточнить его), решать реальные проблемы, а не надуманные, и т.п. Т.е. именно упор на прагматику, а не на «сектантство», как бывало во времена прошлых спек. В частности, говорится, что удобство для пользователей важнее удобства для верстальщиков, удобство для верстальщиков важнее удобства для разработчиков браузеров, удобство для разработчиков браузеров важнее удобства для авторов спеки, и всё это важнее абстрактной «теоретической чистоты».

почему нельзя воспользоваться парочкой новых тегов, вместо того чтобы писать <div class = "header">, <div class = "aside"> и т.д., что как я понимаю пока является равносильным.

Оно не совсем равносильно по спецификации, в этом-то всё и дело. Но пользоваться можно всем, что явно не запрещено спецификацией — если, конечно, это решает больше проблем (напр. удобочитаемость кода), чем создает (напр. приводит к путанице с экранными читалками для слепых)

[saiidr]

Что касается шаблона,хорошая вёрстка =) Подмечу,хотя можно было бы в некоторых местах bg и на css3 написать,хотя и так быстро вроде грузится =) И ещё в первом шаблоне можно было бы вставить слайдер и перевести (если ты его для себя делал)....

Насчет английского — это зря, он в IT-отрасли в любом случае пригодится. Надмозг, да, слабый помощник

Согласен,английский учить надо,даже так в обществе понадобится ... Для и для общего развития =)

Что касается,ваших споров...Я думаю,что если один фрагмент взял из-за html5,то весь шаблон не должен быть на нём,а если считать,что это не будет способствовать развитию браузерам,и то есть когда,всё будет на html5 верстать браузеры не будут готовы,ведь всё с подвигает к тому,что бы делать проще,и рано или поздно мы передём на html5 или ещё что-то изобретут,весь сейчас появились 3D мониторы,и как будет развиваться интернет структура,не кто не знает,вдруг всё будут смотреть сайты не через обычный монитор,а через 3D (будет в обиходе) или всё будет проектироваться на глазах или воздухе,вот тогда думаю вообще отойдёт от всех сегодняшних кодах ... К приму,все уже отходят от табличной вёрстке,хотя есть люди,которые до сих пор на них верстают .

А так ещё спасибо за,то что скинули полезные ссылки =)

Что касается поддержка браузера,ну ребят,кто сейчас пользуется IE меньше 6 или даже 7 ? Да думаю никто ...